既然要改，就是真的全改。目標只有一個，就是「一目了然」，但是要不難看。

太陽在參考了幾十個國外旅遊站，以及旅行網頁模版後，設計出了兩欄式的版面，確認出雛型之後，接下來就是看要怎麼透過Bootstrap。

既然要改，就是真的全改。目標只有一個，就是「一目了然」，但是要不難看。

太陽在參考了幾十個國外旅遊站，以及旅行網頁模版後，設計出了兩欄式的版面，確認出雛型之後，接下來就是看要怎麼透過Bootstrap。

太陽剛開始在撰寫時，也是跌跌撞撞，不熟語法之外，他也沒有視覺性的網頁編輯軟體，最難受的就是每次會多一個</div>或少一個</div>，讓他找問題找好久，所以他就想，自己乾脆也先畫下來，這樣也比較不會出問題，真的在撰寫網頁碼的時候，會更清楚。

因為有了先前失敗很多的經驗，這一次大改版，用了約三天的時間，並且太陽還將PHP的部份，全部重寫，讓網頁執行速度更快。最後，內容頁改版改好了。

整個頁面拆解後的細項說明如下：

目前的版本，預計在2013年12月會再次做微調，希望能將網站做的更好更漂亮。

下回預告：

Desktop版改好後，Mobile版也要調整，明天要向各位大大報告，太陽在設計Mobile版時，所遇到的狀況。

2013/10/14 SunAllen

鐵人賽_開發技術組_文章導覽

上一篇
下一篇

2013鐵人賽_文章總覽
個人全系列連結